<%@page import="com.scrum.globals.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- NAVBAR
    ================================================== -->
<div class="navbar-wrapper">
	<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
	<!-- <div class="container"> -->

	<!-- <a class="brand" href="#"><img src="assets/img/logo.png" width='80px' height='75px'></a> -->
	<div class="navbar navbar-default navbar-static-top">
		<div class="navbar-inner-top">
			<div class="container">
				<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
				<a class="brand" href="#"><img src="../assets/img/logo3.png"
					width='125px' height='130px' /></a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"> <%=Global.city[Global.id_select]%><b
								class="caret"> </b>
						</a>
							<ul class="dropdown-menu">
								<li><a href="viewRest.jsp?tp=0">Hà Nội</a></li>
								<li><a href="viewRest.jsp?tp=1">Hải Phòng</a></li>
								<li class="divider"></li>
								<!-- <li class="nav-header">Nav header</li> -->
								<li><a href="viewRest.jsp?tp=2">Huế</a></li>
								<li><a href="viewRest.jsp?tp=3">Đà Nẵng</a></li>
								<li class="divider"></li>
								<li><a href="viewRest.jsp?tp=4">TP. Hồ Chí Minh</a></li>
								<li><a href="viewRest.jsp?tp=5">Cần Thơ</a></li>
							</ul></li>
					</ul>
					<ul class="nav pull-right" style="left: 0;">
						<li><a href="#login" data-toggle="modal"
							data-target="#register">Register</a></li>

						<li><a href="#login" data-toggle="modal"
							data-target="#myDetail">Login</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
		<!-- /.navbar-inner -->
	</div>
	<!-- /.navbar -->